/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/*
 * Copyright (c) 2014, Joyent, Inc.
 */

#page-packages {
  .page-header { margin-bottom: 0; }

  #package-search {
    padding: 14px;
    background: #f8f8f8;
    overflow: hidden;
    input, select { font-size: 12px; }
    label {
      font-size: 11px;
      text-transform: uppercase;
    }
  }

  #list {
    .zero-state { width: 100%;}

    ul li { margin-bottom: 0.5em;}
    ul li a {
      .widget-content;
      padding: 0;
      .make-row(0);

      .status {
        .make-sm-column(1, 0);
        padding: 0;
        line-height: 24px;

        span {
          letter-spacing: 1px;
          text-transform: uppercase;
          font-size: 10px;
          color: #FFF;
          padding: 6px 8px;
          font-weight: normal;
        }

        .active { background: @brand-success;}
        .inactive { background: @gray-light;}
      }

      >div {
        color: @gray-light;
        display: inline-block;
        small { color: #ccc; font-size: 10px;}
        font-size: 11px;
      }
      small { text-align: left;  display: inline-block; width: 40px; }

      .memory {
        .make-sm-column(2);
        padding: 4px 6px;
      }
      .quota {
        .make-sm-column(2);
        padding: 4px 6px;
      }

      .name {
        padding: 4px 6px;
        color: @link-color;
        font-size: 11px;
        .make-sm-column(4);
      }
      .version {
        .make-sm-column(2);
        padding: 4px 6px;
        color: @gray-dark;
        font-family: @font-family-monospace;
        font-size: 10px;
        margin-left: 10px;
      }
    }
  }

  .billing-id .value { font-family: @font-family-monospace; font-size: 10px;}
}

